@tailwind base;
@tailwind components;
@tailwind utilities;

/* 确保渐变颜色类可用 */
@layer utilities {
  .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }
}

@layer base {
  :root {
    --island-accent: #0099ff;
  }
  body {
    @apply bg-gradient-to-br from-blue-50 to-white text-gray-800;
    font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
  }
}

#root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}